Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / files / tests / frontend / CallOverlay.test.js

Displaying Raw • Download


tests/frontend/CallOverlay.test.js v4.5.0-rc.5 (eee4a4d7) Text, 5.71 KB

Tff7b72import Tb4b4b4{ Te6edf3mount Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3vi Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;
Tff7b72import Te6edf3CallOverlay Tff7b72from Ta5d6ff"@/components/call/CallOverlay.vue"Tb4b4b4;

Te6edf3describeTb4b4b4(Ta5d6ff"CallOverlay.vue"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3defaultProps Tff7b72= Tb4b4b4{
Te6edf3activeCallTff7b72: Tb4b4b4{
Te6edf3remote_identity_hashTff7b72: Ta5d6ff"test_hash_long_enough_to_format"Tb4b4b4,
Te6edf3remote_identity_nameTff7b72: Ta5d6ff"Test User"Tb4b4b4,
Te6edf3statusTff7b72: T79c0ff6Tb4b4b4, T8b949e// Established
Te6edf3is_incomingTff7b72: Tff7b72falseTb4b4b4,
Te6edf3is_voicemailTff7b72: Tff7b72falseTb4b4b4,
Te6edf3call_start_timeTff7b72: Tffa657DateTb4b4b4.Te6edf3nowTb4b4b4(Tb4b4b4) Tff7b72/ T79c0ff1000 Tff7b72- T79c0ff60Tb4b4b4, T8b949e// 1 minute ago
Te6edf3tx_bytesTff7b72: T79c0ff1024Tb4b4b4,
Te6edf3rx_bytesTff7b72: T79c0ff2048Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3isEndedTff7b72: Tff7b72falseTb4b4b4,
Te6edf3wasDeclinedTff7b72: Tff7b72falseTb4b4b4,
Te6edf3voicemailStatusTff7b72: Tb4b4b4{
Te6edf3is_recordingTff7b72: Tff7b72falseTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;

Tff7b72const Te6edf3mountCallOverlay Tff7b72= Tb4b4b4(Te6edf3props Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72return Te6edf3mountTb4b4b4(Te6edf3CallOverlayTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{ Tb4b4b4...Te6edf3defaultPropsTb4b4b4, Tb4b4b4...Te6edf3props Tb4b4b4}Tb4b4b4,
Tffa657globalTff7b72: Tb4b4b4{
Te6edf3mocksTff7b72: Tb4b4b4{
Te6edf3$tTff7b72: Tb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4=> Te6edf3keyTb4b4b4,
Te6edf3$routerTff7b72: Tb4b4b4{
Te6edf3pushTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3stubsTff7b72: Tb4b4b4{
Te6edf3MaterialDesignIconTff7b72: Tff7b72trueTb4b4b4,
Te6edf3LxmfUserIconTff7b72: Tff7b72trueTb4b4b4,
Te6edf3AudioWaveformPlayerTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"renders when there is an active call"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"Test User"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"call.active_call"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"shows remote hash if name is missing"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3activeCallTff7b72: Tb4b4b4{
Tb4b4b4...Te6edf3defaultPropsTb4b4b4.Te6edf3activeCallTb4b4b4,
Te6edf3remote_identity_nameTff7b72: Tff7b72nullTb4b4b4,
Te6edf3remote_identity_hashTff7b72: Ta5d6ff"deadbeefcafebabe"Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
T8b949e// The formatter produces <deadbeef...cafebabe>
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"deadbeef"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"cafebabe"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"toggles minimization when chevron is clicked"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4)Tb4b4b4;

T8b949e// Initial state
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3isMinimizedTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;

T8b949e// Find the minimize button - it's the button with chevron icon in the header
T8b949e// Since MaterialDesignIcon is stubbed, we find it by finding buttons in the header
T8b949e// The minimize button is the last button in the header section
Tff7b72const Te6edf3header Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".p-3.flex.items-center"Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3headerButtons Tff7b72= Te6edf3headerTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff"button"Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3minimizeButton Tff7b72= Te6edf3headerButtonsTb4b4b4[Te6edf3headerButtonsTb4b4b4.Te6edf3length Tff7b72- T79c0ff1Tb4b4b4]Tb4b4b4;

Tff7b72await Te6edf3minimizeButtonTb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3isMinimizedTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3minimizeButtonTb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3isMinimizedTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"emits hangup event when hangup button is clicked"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4)Tb4b4b4;
T8b949e// The hangup button has @click="hangupCall"
T8b949e// Find the button with phone-hangup icon stub
Tff7b72const Te6edf3buttons Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff"button"Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3hangupButton Tff7b72= Te6edf3buttonsTb4b4b4.Te6edf3findTb4b4b4(Tb4b4b4(Te6edf3bTb4b4b4) Tb4b4b4=> Te6edf3bTb4b4b4.Te6edf3attributesTb4b4b4(Ta5d6ff"title"Tb4b4b4) Tff7b72=== Ta5d6ff"call.hangup_call"Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3hangupButtonTb4b4b4) Tb4b4b4{
Tff7b72await Te6edf3hangupButtonTb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3emittedTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3hangupTb4b4b4)Tb4b4b4.Te6edf3toBeTruthyTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4} Tff7b72else Tb4b4b4{
T8b949e// fallback to finding by class if title stubbing is weird
Tff7b72const Te6edf3redButton Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"button.bg-red-600"Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3redButtonTb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3emittedTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3hangupTb4b4b4)Tb4b4b4.Te6edf3toBeTruthyTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"displays 'call.recording_voicemail' when voicemail is active"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3activeCallTff7b72: Tb4b4b4{
Tb4b4b4...Te6edf3defaultPropsTb4b4b4.Te6edf3activeCallTb4b4b4,
Te6edf3is_voicemailTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"call.recording_voicemail"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"displays 'call.call_ended' when isEnded is true"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3isEndedTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"call.call_ended"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"displays 'call.call_declined' when wasDeclined is true"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3wasDeclinedTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"call.call_declined"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"shows duration timer for active calls"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3activeCallTff7b72: Tb4b4b4{
Tb4b4b4...Te6edf3defaultPropsTb4b4b4.Te6edf3activeCallTb4b4b4,
Te6edf3call_start_timeTff7b72: Tffa657MathTb4b4b4.Te6edf3floorTb4b4b4(Tffa657DateTb4b4b4.Te6edf3nowTb4b4b4(Tb4b4b4) Tff7b72/ T79c0ff1000Tb4b4b4) Tff7b72- T79c0ff75Tb4b4b4, T8b949e// 1:15 ago
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
T8b949e// 01:15 should be present
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"01:15"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"handles extremely long names in the overlay"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3extremelyLongName Tff7b72= Ta5d6ff"Very "Tb4b4b4.Te6edf3repeatTb4b4b4(T79c0ff20Tb4b4b4) Tff7b72+ Ta5d6ff"Long Name"Tb4b4b4;
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3activeCallTff7b72: Tb4b4b4{
Tb4b4b4...Te6edf3defaultPropsTb4b4b4.Te6edf3activeCallTb4b4b4,
Te6edf3remote_identity_nameTff7b72: Te6edf3extremelyLongNameTb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3nameElement Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".truncate"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3nameElementTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3nameElementTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"Long Name"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"handles large transfer statistics"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountCallOverlayTb4b4b4(Tb4b4b4{
Te6edf3activeCallTff7b72: Tb4b4b4{
Tb4b4b4...Te6edf3defaultPropsTb4b4b4.Te6edf3activeCallTb4b4b4,
Te6edf3tx_bytesTff7b72: T79c0ff1024 Tff7b72* T79c0ff1024 Tff7b72* T79c0ff1024 Tff7b72* T79c0ff5Tb4b4b4, T8b949e// 5 GB
Te6edf3rx_bytesTff7b72: T79c0ff1024 Tff7b72* T79c0ff1024 Tff7b72* T79c0ff500Tb4b4b4, T8b949e// 500 MB
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"5 GB"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"500 MB"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────